body{ background: url("img/bg.jpg") repeat; background-size: contain;}
.box{margin: 20px 2% 5px 2%; display: block; text-align: center;}


.shouye-list-item
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
}
.mod-btn{ width: 96%; background:#e45245;border-radius: 5px; padding:0 5px;}
.mod-btn a{color:#fff; background: #e8645a; display: block; width: 100%; height: 100%; padding:10px 0; border-radius: 3px;}
.index a:nth-child(2n){ margin-left: 0;}
.mod-index{width: 47.2%; display: inline-block; border-radius: 5px; padding:10px 10px 0 10px; float:left;
    position: relative;
    background-color:#e4e4e4;
    background-repeat:repeat-x;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e4e4e4),to(#f3f3f3));
    background:-webkit-linear-gradient(top,#f3f3f3,#e4e4e4);
    background:-moz-linear-gradient(top,#f3f3f3,#e4e4e4);
    background:-ms-linear-gradient(top,#f3f3f3,#e4e4e4);
    background:-o-linear-gradient(top,#f3f3f3,#e4e4e4); color: #666;}
.mod-index:before{ content: " "; position: absolute; top:-6px; left: 0; width: 100%; height: 12px; background: url("./images/bg-book-top.png") repeat-x; background-size: contain;}
.mod-index:after{content: " "; position: absolute; bottom:-6px; left:1%; width:98%; height: 6px; border-radius: 0 0 5px 5px; background: #c2b199; box-shadow:1px 1px 2px #d7d7d7;}
.mod-index > *{vertical-align: middle; display: table-cell; width: 100%; text-align: center; overflow: hidden;}
.mod-index span{ font-size: 14px; text-align:center;line-height: 40px; display: block; height: 40px;}
.clr 
{
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
}
footer .shouye-copyright
{
    color:#000;
}
footer a
{
  color:#000!important; font-size:12px;
}
.shouye-copyright-page
{
    min-height: 100%;
    padding-bottom: 70px;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
    word-break: keep-all;
}


.shouye-list-item
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
}


.mod-index i{height:100px; overflow: hidden;text-align: center; display: block; }
.mod-index img{width:100%; min-height:100%;}
.mod-index .fa{ font-size: 60px; line-height: 100px;}

.btn-up-1{ background: #b09d82;}
.btn-up-1 .fa{ background: #fff; color: #b09d82;}
.navPop-1 .navPop-btn{ background: #b09d82;}
.navPop-1 .navPop-btn .fa{ background: #fff; color: #b09d82;}
.navPop-wrap>div a{
    background: #b09d82;
    color: #fff;
}
@media only screen and (max-width:1080px){
    .mod-index{width:47%;}
}
@media only screen and (min-width:1224px){
   .mod-index{width:47%;} 
}
@media only screen and (max-width:320px){
   .mod-index{width:46.95%;} 
}